<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<jsp:include page="/pages/elements/head.jsp" />
</head>

<body>
	<jsp:include page="/pages/elements/scripts.jsp" />

	<jsp:include page="/pages/elements/menu.jsp" />

	<div class="tabbable tabs-left">
		<ul class="nav nav-tabs" id="devMenu">
			<li><a href="#info" data-toggle="tab">Info</a></li>
			<li><a href="#allEmployees" data-toggle="tab">All Employees</a></li>
			<li><a href="#allCustomers" data-toggle="tab">All Customers</a></li>
			<li><a href="#allServices" data-toggle="tab">All Services</a></li>
			<li><a href="#allDeals" data-toggle="tab">All Deals</a></li>
		</ul>

		<div class="tab-content">
			<div class="tab-pane" id="info">Development data</div>
			<div class="tab-pane" id="allEmployees">
				<jsp:include page="allEmployees.jsp" />
			</div>
			<div class="tab-pane" id="allCustomers">
				<jsp:include page="allCustomers.jsp" />
			</div>
			<div class="tab-pane" id="allServices">
				<jsp:include page="allServices.jsp" />
			</div>
			<div class="tab-pane" id="allDeals">
				<jsp:include page="allDeals.jsp" />
			</div>
		</div>
	</div>

	<script>
		$(function() {
			$('#devMenu a').click(function (e) {
				  $(this).tab('show');
				});
				
			$('#devMenu a:first').tab('show');
		});
	</script>
</body>
</html>
